<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="../js/jquery-3.5.1.min.js"></script>
		<script>
			function funA(){
				//$(":hidden").show();
				$("#d1").hide(1000);
			}
			function funB(){
				//$(":visible").hide();
				$("#d2").show(1000);//宽、高和透明度
			}
			function funC(){
				$("#d2").toggle(1000);
			}
			function funD(){
				$("#d1").fadeIn(3000);
			}
			function funE(){
				$("#d1").fadeOut(3000);
			}
			function funF(){
				$("#d1").slideDown(3000);
			}
			function funG(){
				$("#d1").slideUp(3000);
			}
			function funH(){
				$("#d1").slideToggle(3000);
			}
		</script>
	</head>
	<body>
		<button onclick="funA()">隐藏</button>
		<button onclick="funB()">显示</button>
		<button onclick="funC()">切换</button>
		<button onclick="funD()">透明</button>
		<button onclick="funE()">模糊</button>
		<button onclick="funF()">落下</button>
		<button onclick="funG()">上升</button>
		<button onclick="funH()">qiehuan</button>
		<div id="d1">aaa</div>
		<div id="d2" style="display: none;">bbb</div>
	</body>
</html>
